<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>DRcurd 管理系统</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            margin: 0;
            padding: 0;
            background-color: #f5f5f5;
        }
        .header {
            background-color: #333;
            color: white;
            text-align: center;
            padding: 20px;
        }
        .container {
            max-width: 1200px;
            margin: 50px auto;
            padding: 20px;
        }
        .nav-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 20px;
            margin-top: 30px;
        }
        .nav-card {
            background-color: white;
            border-radius: 8px;
            padding: 30px;
            text-align: center;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
            transition: transform 0.3s ease;
        }
        .nav-card:hover {
            transform: translateY(-5px);
        }
        .nav-card h2 {
            color: #333;
            margin-bottom: 15px;
        }
        .nav-card p {
            color: #666;
            margin-bottom: 20px;
        }
        .nav-link {
            display: inline-block;
            background-color: #007bff;
            color: white;
            padding: 12px 30px;
            text-decoration: none;
            border-radius: 5px;
            transition: background-color 0.3s ease;
        }
        .nav-link:hover {
            background-color: #0056b3;
        }
        .feature-list {
            text-align: left;
            margin-top: 20px;
        }
        .feature-list li {
            margin-bottom: 8px;
            color: #555;
        }
    </style>
</head>
<body>
    <div class="header">
        <h1>DRcurd 管理系统</h1>
        <p>基于 Spring MVC + Spring + MyBatis 的 CRUD 管理系统</p>
    </div>
    
    <div class="container">
        <div class="nav-grid">
            <div class="nav-card">
                <h2>品牌管理</h2>
                <p>管理产品品牌信息，支持基本的 CRUD 操作</p>
                <a href="/brand.html" class="nav-link">进入品牌管理</a>
                <div class="feature-list">
                    <ul>
                        <li>品牌列表查询</li>
                        <li>新增品牌</li>
                        <li>编辑品牌</li>
                        <li>删除品牌</li>
                    </ul>
                </div>
            </div>
            
            <div class="nav-card">
                <h2>产品管理</h2>
                <p>管理产品信息，支持 CRUD 和分页查询</p>
                <a href="/product.html" class="nav-link">进入产品管理</a>
                <div class="feature-list">
                    <ul>
                        <li>产品列表查询</li>
                        <li>分页查询</li>
                        <li>新增产品</li>
                        <li>编辑产品</li>
                        <li>删除产品</li>
                    </ul>
                </div>
            </div>
            
            <div class="nav-card">
                <h2>部门管理</h2>
                <p>管理公司部门信息，支持基本的 CRUD 和分页查询</p>
                <a href="/department.html" class="nav-link">进入部门管理</a>
                <div class="feature-list">
                    <ul>
                        <li>部门列表查询</li>
                        <li>分页查询</li>
                        <li>新增部门</li>
                        <li>编辑部门</li>
                        <li>删除部门</li>
                    </ul>
                </div>
            </div>
            
            <div class="nav-card">
                <h2>员工管理</h2>
                <p>管理员工信息，支持 CRUD、分页和条件查询</p>
                <a href="/employee.html" class="nav-link">进入员工管理</a>
                <div class="feature-list">
                    <ul>
                        <li>员工列表查询</li>
                        <li>分页查询</li>
                        <li>条件查询（姓名、邮箱、部门）</li>
                        <li>新增员工</li>
                        <li>编辑员工</li>
                        <li>删除员工</li>
                    </ul>
                </div>
            </div>
        </div>
        
        
    </div>
</body>
</html>